//flex布局 水平方向居中 垂直方向居中
@mixin flex($hov:space-between,$col:center){
    display: flex;
    justify-content: $hov;
    align-items:$col;
}
@mixin bgImg($w:0,$h:0,$img:'',$size:contain){
    display: inline-block;
    width: $w;
    height: $h;
    background: url($img) no-repeat center;
    background-size: $size;
}
@mixin position($pos:absolute,$top:0,$left:0,$w:100%,$h:100%){
    position: $pos;
    top: $top;
    left: $left;
    width: $w;
    height: $h;
}
@mixin positionImg($pos:absolute,$top:0,$rig:0,$w:0,$h:0,$img:'',$size:contain){
    position: $pos;
    top:$top;
    right:$rig;
    width: $w;
    height: $h;
    background: url($img) no-repeat center;
    background-size: $size;
}
@mixin  height($h:0,$lh:$h) {
    height: $h;
    line-height: $h;
}
@mixin wH($w:0,$h:0) {
    width: $w;
    height: $h;
}
@mixin border($bw:1px,$bc:#d7d7d7,$bs:solid){
    border: $bw $bs $bc;
}